body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td { margin:0; padding:0; }
body,html{width: 100%;height: 100%;}
body { background:#fff; color:#333; font-size:14px; font-family: Verdana, Arial, Helvetica, sans-serif; }
td,th,caption { font-size:14px; }
h1, h2, h3, h4, h5, h6 { font-weight:normal; font-size:100%; }
address, caption, cite, code, dfn, em, strong, th, var { font-style:normal; font-weight:normal;}
a { color:#333; text-decoration:none; }
a:hover { text-decoration:none; }
img { border:none; }
ol,ul,li { list-style:none; }
input, textarea, select, button { font:14px Verdana,Helvetica,Arial,sans-serif; }
table { border-collapse:collapse; }
html {overflow-y: scroll;} 

.clearfix:after {content: "."; display: block; height:0; clear:both; visibility: hidden;}
.clearfix { *zoom:1; }

.index_bg{
	background: url(../images/xsq-index-bg.png) no-repeat center;
	background-size: cover;
	-webkit-background-size: cover;
}
.index_body{
	padding: 3.41296928327645% 1.953125%;
	width: 100%;
	height: 100%;
}
.ib_left_part{
	width: 28.04878048780488%;
	height: 420px;
	float: left;
	text-align: center;
}
.ib_left_part h3{
	font-size: 28px;
	color: #fff;
	text-shadow: 0px 2px 4px rgba(11,77,194,.76);
	line-height: 48px;
	padding: 58px 0 30px 0;
}
.btn_sys{
	width: 276px;
	height: 100px;
	line-height: 100px;
	display: inline-block;
	font-size: 20px;
	font-weight: bold;
	letter-spacing: 3px;
	color: #357eff;
	border-radius: 5px;
	text-align: center;
	background: url(../images/btn-bg.png) no-repeat center;
	background-image:-webkit-linear-gradient(to bottom, #c6dbfb, #ffffff, #ffffff, #c7dcfc); 
	background-image:linear-gradient(to bottom, #c6dbfb, #ffffff, #ffffff, #c7dcfc);
	box-shadow: 0px 2px 4px rgba(11,77,194,.76);
	-webkit-box-shadow: 0px 2px 4px rgba(11,77,194,.76);
	margin-top: 30px;
	transition: .5s;
}
.btn_sys:hover,.btn_sys:active,.btn_sys:visited{
	color: #357eff;
	animation:mymove .5s;
	-webkit-animation:mymove .5s; /* Safari 和 Chrome */
}
@keyframes mymove
{
	0% {transform: scale(1);}
	50% {transform: scale(.8);}
	100% {transform: scale(1);}
}

@-webkit-keyframes mymove /*Safari and Chrome*/
{
	0% {transform: scale(1);}
	50% {transform: scale(.8);}
	100% {transform: scale(1);}
}
.btn_sys.else{
	height: 93px;
	line-height: 93px;
	margin-top: 17px;
}
.btn_sys i{
	width: 27px;
	height: 27px;
	display: inline-block;
	vertical-align: middle;
	position: relative;
	top: -2px;
	margin-right: 16px;
}
.btn_sys.set i{
	background: url(../images/sys-set.png) no-repeat center;
}
.btn_sys.manage i{
	background: url(../images/charge-manage.png) no-repeat center;
}
.ib_right_part{
	width: 69.10569105691057%;
	height: 420px;
	float: right;
	background: #fff;
	border-radius: 5px;
	box-shadow: 0px 2px 4px rgba(11,77,194,.76);
}
.ib_rp_table{
	width: 672px;
	margin: 0 auto;
	padding: 30px 0 25px;
	border-bottom: 1px solid #cccccc;
}
.ib_rp_table table{
	width: 560px;
	height: 86px;
	margin: auto;
}
.ib_rp_table table tr td{
	font-size: 18px;
}
.ib_rp_table table tr td:nth-of-type(2n-1){
	color: #357eff;
}
.ib_rp_body{
	width: 560px;
	margin: auto;
	margin-top: 32px;
	position: relative;
}
.ib_rp_body_left{
	width: 426px;
	float: left;
	padding: 0 30px 24px;
	background: #edecec;
	border-radius: 5px;
}
.ib_rp_body_left label{
	display: block;
	font-size: 18px;
	font-weight: normal;
	line-height: 64px;
	margin: 0;
}
.ib_rp_body_left input{
	height: 54px;
	width: 100%;
	border: 0;
	font-size: 20px;
	padding-left: 20px;
}
.ib_rp_body_left div{
	height: 54px;
	line-height: 54px;
	width: 100%;
	border: 0;
	font-size: 20px;
	padding-left: 20px;
	background: #fff;
}
.ib_rp_body_right{
	float: right;
	width: 120px;
}
.ib_rp_body_func{
	text-align: center;
	padding-top: 32px;
}
.ib_rp_body_func.index{
	text-align: center;
	padding-top: 110px;
}
.btn_all{
	width: 214px;
	height: 66px;
	line-height: 66px;
	display: inline-block;
	background: #6497fe;
	text-align: center;
	font-size: 20px;
	color: #fff;
	border-radius: 5px;
	letter-spacing: 2px;
}
.btn_all:hover,.btn_all:active,.btn_all:visited{
	color: #fff;
}
.btn_all:hover,.btn_all:active{
	background: #376dda;
}
.btn_all.small{
	width: 120px;
}
.btn_all.xs{
	width: 120px;
	height: 40px;
	line-height: 40px;
}
.btn_all.normal{
	width: 120px;
	height: 50px;
	line-height: 50px;
}
.btn_all.green{
	background: #5ed27c;
}
.btn_all.red{
	background: #ff8686;
}
.btn_all.t10{
	margin-top: 10px;
}
.btn_all.l30{
	margin-left: 30px;
}
.id_num_box{
	width: 680px;
	height: 260px;
	position: fixed;
	bottom: 20px;
	right: 20px;
	padding: 17px 18px;
	background: #cbcbcb;
	border-radius: 5px;
	display: none;
}
.id_num_box_left a{
	width: 132px;
	height: 64px;
	line-height: 64px;
	display: block;
	float: left;
	font-size: 30px;
	border-radius: 5px;
	background: #fff;
	text-align: center;
	margin-right: 18px;
	margin-bottom: 17px;
}
.id_num_box_left{
	float: left;
	width: 450px;
}
.id_num_box_right{
	float: right;
	width: 194px;
}
.id_num_box_right a{
	width: 88px;
	height: 145px;
	line-height: 145px;
	display: block;
	float: left;
	font-size: 30px;
	border-radius: 5px;
	background: #fff;
	text-align: center;
}
.id_num_box_right a.r10{
	margin-right: 18px;
}
.id_num_box_right a.t10{
	margin-top: 17px;
	width: 194px;
	height: 64px;
	line-height: 64px;
	font-size: 20px;
	color: #fff;
	background: #5084fe;
}

.il_body{
	width: 100%;
	height: 100%;
	padding: 6.8259385665529% 5.46875% 0;
}
.il_body_header a{
	float: right;
	padding-left: 50px;
	font-size: 20px;
	text-shadow: 0px 2px 4px rgba(11,77,194,.76);
	color: #fff;
	letter-spacing: 2px;
	display: inline-block;
	background: url(../images/back.png) no-repeat left center;
	height: 34px;
	line-height: 34px;
}
.il_body_list a:nth-of-type(3n){
	margin-right: 0;
}
.il_body_list a{
	margin-right: 42px;
	float: left;
}
.il_body_header h3{
	float: left;
	font-size: 28px;
	text-shadow: 0px 2px 4px rgba(11,77,194,.76);
	color: #fff;
	line-height: 34px;
}

.pt_body{
	width: 100%;
	height: 100%;
	padding: 0 5.46875%;
}
.pt_body .il_body_header{
	padding: 30px 0;
}
.pt_body_list{
	background: #fff;
	border-radius: 5px;
	width: 100%;
	height: 435px;
	box-shadow: 0px 2px 4px rgba(11,77,194,.76);
	-webkit-box-shadow: 0px 2px 4px rgba(11,77,194,.76);
}
.pt_body_list_table{
	padding-top: 40px;
}
.pt_body_list_table.cs_body table{
	height: 248px;
}
.pt_body_list_table table{
	width: 100%;
	height: 166px;
}
.pt_body_list_table.back table{
	height: 248px;
}
.pt_body_list_table table tbody tr td{
	font-size: 18px;
}
.pt_body_list_table table tbody tr td:nth-of-type(1){
	text-align: right;
}
.pt_body_list_table table tbody tr td input{
	border: 2px solid #edecec;
	height: 54px;
	width: 368px;
	padding-left: 20px;
	font-size: 18px;
	margin-left: 20px;
}
.pt_body_list_table table tbody tr td select{
	border: 2px solid #edecec;
	height: 54px;
	width: 380px;
	padding-left: 20px;
	font-size: 18px;
	margin-left: 20px;
	appearance: none;
	-webkit-appearance: none;
}
.pt_body_list_table table tbody tr td input[disabled=disabled]{
	background: #fff;
}
.tr_body_list_table table{
	width: 100%;
}
.tr_body_list_table table thead tr th{
	height: 52px;
	line-height: 52px;
	text-align: center;
	background: #6497fe;
	font-size: 20px;
	color: #fff;
}
.tr_body_list_table table tbody tr td{
	text-align: center;
	font-size: 20px;
	padding: 13px 0;
	border-bottom: 1px dotted #e8e8e8;
}
.tr_bl_table_bottom{
	height: 360px;
	overflow-y: auto;
}
/*.tr_body_list_table table tbody tr:first-child td{
	padding-top: 15px;
}
.tr_body_list_table table tbody tr:last-child td{
	padding-bottom: 15px;.btn_all
}*/
.tr_alert_box{
	width: 680px;
	height: 428px;
	position: fixed;
	top: 94px;
	left: 50%;
	margin-left: -340px;
	background: #fff;
	border-radius: 5px;
	box-shadow: 0px 2px 4px rgba(11,77,194,.76);
    -webkit-box-shadow: 0px 2px 4px rgba(11,77,194,.76);
    display: none;
}

.deatilSpan{
	height: 50px;
	line-height: 50px;
	font-size: 20px;
	padding: 0 20px;
}

.pt_body_list_table table input[type="radio"] {
    width: 20px;
    height: 20px;
    opacity: 0;
}

/*设置选中的input的样式*/
/* + 是兄弟选择器,获取选中后的label元素*/
.pt_body_list_table table input[type="radio"]:checked+label { 
    background-color: #6497fe;
    border: 1px solid #6497fe;
    color: #fff;
    padding: 0 5px;
}

.pt_body_list_table table input[type="radio"]:checked+label::after {
    position: absolute;
    content: "";
    width: 5px;
    height: 10px;
    top: 3px;
    left: 6px;
    border: 2px solid #fff;
    border-top: none;
    border-left: none;
    transform: rotate(45deg)
}

.set_title{
	height: 88px;
	line-height: 88px;
	text-align: center;
	color: #fff;
	font-size: 28px;
	
}
.set_title i{
	width: 33px;
	height: 30px;
	background: url(../images/setting.png) no-repeat center;
	display: inline-block;
	vertical-align: middle;
	position: relative;
	top: -2px;
	margin-right: 10px;
}
.set_box{
	width: 720px;
	height: 378px;
	margin: 6px auto 0;
	background: #fff;
	border-radius: 5px;
	padding: 0 45px;
}
.set_box table{
	width: 100%;
}
.set_box table tbody tr td{
	font-size: 16px;
}
.set_box table tbody tr.set_label td{
	color: #4a6d90;
	font-size: 20px;
	padding: 32px 0 24px;
}
.set_box table tbody tr td input{
	width: 200px;
	height: 50px;
	border: 2px solid #ebeef0;
	padding: 8px 15px;
}
.set_box table tbody tr td span{
	font-size: 16px;
	color: #666666;
	
}

.set_box.active{
	padding-top: 40px;
	width: 420px;
	height: 330px;
}
.set_box.active table tbody tr td input{
	width: 240px;	
	margin: 15px 0;
}
.index_alert{
	display:none;
	text-align: center;
	color: red;
	margin-top: 100px;
	font-size: 18px;
}

.dif_table table{
	width: 100%;
}
.dif_table table tbody tr td{
	font-size: 20px;
	padding: 4px 0 4px 10px;
}

.ib_middle_part{
	height: 70px;
	font-size: 36px;
	text-shadow: 0px 2px 4px rgba(11,77,194,.76);
	text-align: center;
	color: #fff;
}
.ib_left_part_table{
    width: 276px;
    height: 200px;
    background: #fff;
    border-radius: 5px;
    box-shadow: 0px 2px 4px rgba(11,77,194,.76);
    padding: 15px 30px;
}
.ib_left_part_table table tbody tr td{
	text-align: left;
	font-size: 20px;
	line-height: 42.5px;
}
.ib_left_part_table table tbody tr td:first-child{
	color: #578bfd;
	
}
